import React, { Component } from 'react';

import './Parent.css';
import { Child } from './Child';

// 父组件
export class Parent extends Component {
  // 父组件数据
  state = {
    money: 100,
  };
  // 父组件定义一个函数，传递给子组件
  giveMoney = (money) => {
    console.log('子组件传递的消息', money);
    //
    this.setState({
      money: 300,
    });
  };

  render() {
    // console.log('父', this.props);
    return (
      // 父组件
      <div className="parent">
        <h1>父组件</h1>
        {/* 父组件把函数传递给子组件 */}
        <Child money={this.state.money} giveMoney={this.giveMoney} />
      </div>
    );
  }
}
